@charset "UTF-8";

/* Highchart style for Graph Type*/
rect {
    /*fill:rgb(255,255,255) !important;*/
    stroke: rgb(221, 221, 221) !important;
}

div.highcharts-contextmenu {
    top: 10px !important;
}

    div.highcharts-contextmenu div {
        -webkit-box-shadow: #ddd 0px 0px 0px !important;
        box-shadow: #ddd 0px 0px 0px !important;
        border: 1px solid #ddd !important;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 5px 0px;
    }

        div.highcharts-contextmenu div div:hover {
            background: #43423c !important;
            color: #fff !important;
            border-radius: 0px;
            padding: 3px 10px !important;
        }

        div.highcharts-contextmenu div div {
            border: none !important;
            padding: 3px 10px !important;
            font: 13px/16px Arial !important;
        }

    div.highcharts-contextmenu hr {
        margin: 5px 0px;
    }

g.highcharts-button path, g.highcharts-button rect {
    stroke: rgb(0,0,0) !important;
}
/**/
.news-container {
    width: 100%;
    background-color: #e9eaed;
    padding: 5px 10px;
    overflow: auto;
}

.news-item {
    background: #fff;
    border: 1px solid #d0d1d5;
    /*border-color: #e5e6e9 #dfe0e4 #d0d1d5;*/
    border-radius: 5px;
    width: 100%;
    margin-bottom: 5px;
}

    .news-item .header {
        padding: 5px 10px;
    }

    .news-item .type {
        color: #0086c8;
        font-weight: bold;
        padding: 0;
    }

    .news-item .item-date {
        color: #989696;
        font-size: 0.8em;
        padding: 0;
        line-height: 20px;
        text-align: right;
    }

    .news-item .avatar {
        text-align: center;
        padding: 5px;
        float: left;
    }

    .news-item .actor {
        color: #0086c8;
    }

    .news-item .comment-section {
        background-color: #f6f7f8;
        padding: 5px;
        margin: 10px -15px 0 -15px;
        border-top: 1px solid #dfe0e4;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        font-size: 12px;
    }

    .news-item .comment-input {
        border-radius: 0px;
        width: 100%;
        border: 1px solid #ddd;
        padding: 4px 6px;
    }

.message {
    padding-left: 8px;
}
/*! gridster.js - v0.5.0 - 2014-02-14
* http://gridster.net/
* Copyright (c) 2014 ducksboard; Licensed MIT */

.gridster {
    position: relative;
}

    .gridster > * {
        margin: 0 auto;
        -webkit-transition: height .4s, width .4s;
        -moz-transition: height .4s, width .4s;
        -o-transition: height .4s, width .4s;
        -ms-transition: height .4s, width .4s;
        transition: height .4s, width .4s;
    }

    .gridster .gs-w {
        z-index: 2;
        position: absolute;
    }

.ready .gs-w:not(.preview-holder) {
    -webkit-transition: opacity .3s, left .3s, top .3s;
    -moz-transition: opacity .3s, left .3s, top .3s;
    -o-transition: opacity .3s, left .3s, top .3s;
    transition: opacity .3s, left .3s, top .3s;
}

.ready .gs-w:not(.preview-holder),
.ready .resize-preview-holder {
    -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
}

.gridster .preview-holder {
    z-index: 1;
    position: absolute;
    background-color: #fff;
    border-color: #fff;
    opacity: 0.3;
}

.gridster .player-revert {
    z-index: 10 !important;
    -webkit-transition: left .3s, top .3s !important;
    -moz-transition: left .3s, top .3s !important;
    -o-transition: left .3s, top .3s !important;
    transition: left .3s, top .3s !important;
}

.gridster .dragging,
.gridster .resizing {
    z-index: 10 !important;
    -webkit-transition: all 0s !important;
    -moz-transition: all 0s !important;
    -o-transition: all 0s !important;
    transition: all 0s !important;
}


.gs-resize-handle {
    position: absolute;
    z-index: 1;
}

.gs-resize-handle-both {
    width: 20px;
    height: 20px;
    bottom: -8px;
    right: -8px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
    background-position: top left;
    background-repeat: no-repeat;
    cursor: se-resize;
    z-index: 20;
}

.gs-resize-handle-x {
    top: 0;
    bottom: 13px;
    right: -5px;
    width: 10px;
    cursor: e-resize;
}

.gs-resize-handle-y {
    left: 0;
    right: 13px;
    bottom: -5px;
    height: 10px;
    cursor: s-resize;
}

.gs-w:hover .gs-resize-handle,
.resizing .gs-resize-handle {
    opacity: 1;
}

.gs-resize-handle,
.gs-w.dragging .gs-resize-handle {
    opacity: 0;
}

.gs-resize-disabled .gs-resize-handle {
    display: none !important;
}
/*

[data-max-sizex="1"] .gs-resize-handle-x,
[data-max-sizey="1"] .gs-resize-handle-y,
[data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle {
    display: none !important;
}
*/

/* Uncomment this if you set helper : "clone" in draggable options */
/*.gridster .player {
  opacity:0;
}
*/

.gridster ul {
    background-color: transparent;
    list-style-type: none;
}

.gridster li {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    line-height: 100%;
}


.gridster {
    margin: 0 auto;
    opacity: .8;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    -ms-transition: opacity .6s;
    transition: opacity .6s;
}


    .gridster .gs-w {
        background: #FFF url('../images/box-header-bg.png') repeat-x top left;
        border: 1px solid #c6c6c6;
        border-radius: 6px;
        box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8) inset, 0px 0px 0px rgba(0, 0, 0, 0.8);
        color: #000;
        font: 12px/18px Verdana, Sans-Serif;
        cursor: pointer;
        padding: 0px 10px 10px 10px;
        margin: 0 auto;
        text-align: left;
    }

    .gridster .player {
        background: #BBB;
    }


    .gridster .preview-holder {
        border: none !important;
        background: grey !important;
    }

#box-header {
    height: 30px;
    background-image: url(../images/box-header-bg.png);
    background-repeat: repeat-x;
    color: #fff !important;
}

span.box-header-title {
    color: #fff;
    font: 13px Verdana, Sans-Serif;
    padding: 6px 5px 5px 5px;
    text-transform: capitalize;
    display: block;
    text-align: left;
}

a {
    color: #218dfe;
}

    a.underline, a.underline:hover {
        color: #218dfe !important;
        text-decoration: underline !important;
    }

    a.color-link, a.color-link:hover {
        color: #f26a29;
    }

.widget-title {
    position: absolute;
    z-index: 10000000;
    top: 0px;
    width: 100%;
    left: 0;
    padding: 0px 10px;
}

    .widget-title .widget-title-text {
        padding-left: 3px;
    }

.gridster .gs-w {
    padding: 31px 0px 1px 0px;
}

.gridster {
    padding: 10px 0px 15px 0px;
}

.formErrors {
    color: red;
}

.ui-icon {
    cursor: default;
}

.widgetheader {
    cursor: move;
}

.widget-content {
    /*margin-top: 2px;*/
    /*padding:10px 0;*/
}

.column {
    /*min-height:630px;*/
}

#layout-dialog .selected {
    background: no-repeat scroll 0px -51px transparent;
}

#layout-dialog .layoutchoice {
    width: 82px;
    height: 51px;
    float: left;
    list-style-type: none;
    margin: 5px;
    padding: 0;
}

.selectedcolumn {
    border: 3px dashed #aaaaaa;
}

.emptycolumn {
    font-size: 20px;
    font-weight: bold;
    color: #aaaaaa;
    padding: 5px 5px 5px 5px;
}

#dashboard {
    margin-bottom: 20px;
}

.dashboard {
    margin-top: 5px;
    float: left;
    width: 100%;
}

/* Track Samples widget */
/* Track Samples widget need to have the highest z-index to override all other widgets when dropdown-menu collapses */
li#trackSamplesWidget {
    z-index: 100;
}

li#myControlPanelWidget, li#sampleSeverityWidget, li#sampleStatusWidget, li#alertsWidget, li#sampleTurnaroundWidget, li#criticalConditionWidget, li#newsWidget {
    z-index: 90;
}
/* End Track Samples widget */

.right {
    float: right;
}

.widgetheader {
    padding: 4px 2px 3px 7px;
}

.ui-icon {
    float: left;
}

.widgetcontent {
    padding: 2px 0px 5px 0px;
    /*padding: 0;*/
}

.widget {
    margin-bottom: 20px;
}

.column {
    float: left;
    margin: 0 1% -1.5em;
    padding: 0;
    width: 47.5%;
}

.layout-a .column {
    width: 98%;
}

    .layout-a .column.second, .layout-a .column.third {
        display: none;
    }

.layout-aa .column {
    width: 47.5%;
}

.layout-aa .third {
    display: none;
}

.layout-ba .column {
    width: 68%;
}

.layout-ba .first {
    width: 27%;
}

.layout-ba .third {
    display: none;
}

.layout-ab .column {
    width: 27%;
}

.layout-ab .first {
    width: 68%;
}

.layout-ab .third {
    display: none;
}

.layout-aaa .column {
    width: 30.9%;
}

.headerlink {
    color: #ffffff;
}

.headerlinks {
    text-align: right;
    margin-right: 20px;
    line-height: 24px;
    text-decoration: underline;
    font-weight: bold;
}

.headerbox {
    height: 148px;
}

.ui-widget-overlay {
    opacity: 0.5;
}

.loading {
    padding: 50px;
    text-align: center;
    background: url("../images/loading.gif") center no-repeat;
}


#layout-dialog ul {
    margin: 0;
    padding: 0;
}

    #layout-dialog ul li a, #layout-dialog ul li a:link, #layout-dialog ul li a:visited {
        border: 1px solid #BBBBBB;
        display: block;
        float: left;
        margin: 0 1em 1em 0;
        outline: medium none;
        padding: 0.35em;
        width: auto;
    }

.hidden {
    display: none;
}

.controls {
    border: 1px solid #BBBBBB;
    float: none;
    margin: 0;
    padding: 4px 0;
}

.controls {
    width: 100px;
    background: none repeat scroll 0 0 #dddddd;
    border: 1px solid #6A8EB3;
    color: #000000;
    margin-top: -1px;
    padding: 4px 0;
    position: absolute;
    right: 0;
    z-index: 2003;
}

    .controls li {
        float: none;
        margin: 0;
        padding: 0;
        list-style-type: none;
        margin: 0 0 0 0.2em;
        width: auto;
        position: static;
    }

        .controls li a {
            color: #000000;
            font-weight: normal;
            float: none;
            margin: 0;
            text-decoration: none;
            width: auto;
            padding-left: 5px;
        }

.hiddenmenu {
    position: relative;
}

.dialog .categories {
    list-style: none outside none;
    height: 414px;
}

    .dialog .categories li.selected button {
        color: #FFFFFF;
        font-weight: 800;
    }

    .dialog .categories li button {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        color: #666666;
        font-family: "segoe ui",helvetica,arial,sans-serif;
        font-size: 0.8em;
        padding: 0.4em 1.2em;
        text-align: left;
        width: 100%;
    }

ul.categories button {
    cursor: pointer;
}

.widgetitem {
    border: 2px none white;
    float: left;
    font-size: 0.77em;
    height: 142px;
    margin: 0;
    overflow: hidden;
    padding: 0 20px 0 142px;
    width: 152px;
}

ol.widgets {
    float: left;
    list-style: none outside none;
    margin: -10px;
    padding: 0;
    width: auto;
}

.dialog .panel-body {
    overflow: auto;
    padding: 10px;
}

.dialog .categories {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #F0F0F0;
    float: left;
    height: 100%;
    list-style: none outside none;
    margin: 0 1.17em 0 0;
    padding: 10px 0 0;
    width: 25%;
}

    .dialog .categories li.selected {
        background: none repeat scroll 0 0 #6699CC;
        color: #FFFFFF;
    }

.widgetitem .add-button {
    float: left;
    margin: 81px 0 0 -131px;
    width: auto;
}

.widgetitem h3 {
    margin: 11px 0 0;
    padding: 0;
}

.widgetitem img {
    border: 1px solid #999999;
    float: left;
    margin: 10px 0 0 -132px;
}

@media screen and (max-width: 320px) {
    .column {
        min-height: auto;
    }

    .layout-ba .first {
        width: 98% !important;
    }

    .layout-ba .column {
        width: 98% !important;
    }
}

.dashboardSettingsDiv {
    float: right;
}

.dropdown-menu {
    background-color: #fff !important;
}

/* critical conditions widget settings popup */
select#customers {
    height: 100% !important;
}

#widgetSettingsModalSection .reportWidgetSettings .checkbox {
    margin-top: 0px;
    margin-bottom: 10px;
    min-height: 0;
}